<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--

       1、事件：用户或者浏览器触发的
       2、事件处理程序：处理事件的函数操作，一般都是带“on”
       3、事件处理程序的类型：
           html事件处理程序-------借助元素带on的属性
           js事件处理程序：dom0级别  document.getElementById("box").onclick=function(){}
                         dom2级别 document.getElementById("box").addEventListener();

    4、addEventListener(eventname,fn,boo)-----给某个事件添加事件监听
    (1)eventname:事件名称
   （2)fn:处理事件的函数
   （3）boo：这是一个布尔类型的值，true（捕获） false（冒泡）

   5、网景：事件捕获     从大到小    window---html---body---目标元素
      ie：事件冒泡     从小到大    目标元素----body---html---window

   6、事件阻止，事件的拦截-----Event
        如何获取Event：在事件处理函数中以参数的形式传递进来





    -->
</body>
</html>